<!doctype html>
<html lang="en">
<!--[if IE 9 ]>
<html  lang="en" class="ie9">
<![endif]-->
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="format-detection" content="telephone=no">
    <meta charset="UTF-8">
    <title>产品配置与管理</title>
    <!-- CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/form.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/icons.css">
    <link rel="stylesheet" href="css/generics.css">
</head>
<body>
<header id="header" class="media">
    <a href="" id="menu-toggle"></a>
    <a class="logo pull-left" href="index.html">
        <img src="images/logo.png" alt="logo">
    </a>
    <div class="media-body">
        <div class="media" id="top-menu">
            <div class="pull-left tm-icon">
                <a data-drawer="messages" class="drawer-toggle" href="">
                    <i class="sa-top-message"></i>
                    <span>时间回溯</span>
                </a>
            </div>
            <div class="pull-left tm-icon">
                <a data-drawer="notifications" class="drawer-toggle" href="">
                    <i class="sa-top-updates"></i>
                    <span>帮助</span>
                </a>
            </div>
            <div id="time" class="pull-right">
                <span id="hours"></span>
                :
                <span id="min"></span>
                :
                <span id="sec"></span>
            </div>
            <div class="media-body">
                <input type="text" class="main-search">
            </div>
        </div>
    </div>
</header>
<div class="clearfix"></div>
<section id="main" class="p-relative" role="main">
    <!-- Sidebar -->
    <aside id="sidebar">
        <!-- Side Menu -->
        <ul class="list-unstyled side-menu">
            <li>
                <a class="sa-side-home" href="index.html">
                    <span class="menu-item">首页</span>
                </a>
            </li>
            <li>
                <a class="sa-side-typography" href="settingindex.html">
                    <span class="menu-item">系统管理</span>
                </a>
            </li>
            <li>
                <a class="sa-side-widget" href="settingindex2.html">
                    <span class="menu-item">用户管理</span>
                </a>
            </li>
            <li class="active">
                <a class="sa-side-table" href="settingindex3.html">
                    <span class="menu-item">产品配置与管理</span>
                </a>
            </li>
            <li>
                <a class="sa-side-form" href="settingindex4.html">
                    <span class="menu-item">常用工具管理</span>
                </a>
            </li>           
        </ul>
    </aside>
    <!-- Content -->
    <section id="content" class="container">
        <!-- Messages Drawer时间回溯 -->
        <div id="messages" class="tile drawer animated">
            <div class="listview narrow">
                <div class="media">
                    <a href="">时间回溯</a>
                    <span class="drawer-close">&times;</span>
                </div>
                <div class="overflow" style="height: 254px">
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/1.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
                            <a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/2.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">David Villa - 5 Hours ago</small><br>
                            <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/3.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Harris worgon - On 15/12/2013</small><br>
                            <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/4.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
                            <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/1.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
                            <a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/2.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">David Villa - On 16/12/2013</small><br>
                            <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/3.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Harris worgon - On 17/12/2013</small><br>
                            <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/4.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Mitch Bradberry - On 18/12/2013</small><br>
                            <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/5.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Wendy Mitchell - On 19/12/2013</small><br>
                            <a class="t-overflow" href="">Integer a eros dapibus, vehicula quam accumsan, tincidunt purus</a>
                        </div>
                    </div>
                </div>
                <div class="media text-center whiter l-100">
                    <a href=""><small>VIEW ALL</small></a>
                </div>
            </div>
        </div>
        <!-- Notification Drawer帮助 -->
        <div id="notifications" class="tile drawer animated">
            <div class="listview narrow">
                <div class="media">
                    <a href="">帮助</a>
                    <span class="drawer-close">&times;</span>
                </div>
                <div class="overflow" style="height: 254px">
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/1.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Nadin Jackson - 2 Hours ago</small><br>
                            <a class="t-overflow" href="">Mauris consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/2.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">David Villa - 5 Hours ago</small><br>
                            <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/3.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Harris worgon - On 15/12/2013</small><br>
                            <a class="t-overflow" href="">Maecenas venenatis enim condimentum ultrices fringilla. Nulla eget libero rhoncus, bibendum diam eleifend, vulputate mi. Fusce non nibh pulvinar, ornare turpis id</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/4.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Mitch Bradberry - On 14/12/2013</small><br>
                            <a class="t-overflow" href="">Phasellus interdum felis enim, eu bibendum ipsum tristique vitae. Phasellus feugiat massa orci, sed viverra felis aliquet quis. Curabitur vel blandit odio. Vestibulum sagittis quis sem sit amet tristique.</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/1.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">Nadin Jackson - On 15/12/2013</small><br>
                            <a class="t-overflow" href="">Ipsum wintoo consectetur urna nec tempor adipiscing. Proin sit amet nisi ligula. Sed eu adipiscing lectus</a>
                        </div>
                    </div>
                    <div class="media">
                        <div class="pull-left">
                            <img width="40" src="img/profile-pics/2.jpg" alt="">
                        </div>
                        <div class="media-body">
                            <small class="text-muted">David Villa - On 16/12/2013</small><br>
                            <a class="t-overflow" href="">Suspendisse in purus ut nibh placerat Cras pulvinar euismod nunc quis gravida. Suspendisse pharetra</a>
                        </div>
                    </div>
                </div>
                <div class="media text-center whiter l-100">
                    <a href=""><small>VIEW ALL</small></a>
                </div>
            </div>
        </div>
        <!-- Breadcrumb -->
        <ol class="breadcrumb hidden-xs">
            <li><a href="settingindex4.html">常用工具管理</a></li>
            <li class="active">产品配置与管理</li>
            <li><a href="settingindex2.html">用户管理</a></li>
            <li><a href="settingindex.html">系统管理</a></li>
        </ol>
        <h4 class="page-title">产品配置与管理页面</h4>
        <div class="block-area" id="input-masking">
            <div class="row">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12 m-b-15">
                            <h3 class="block-title">
                                配置导入与导出
                            </h3>
                            <div class="form-group">
                                <label>配置导入：</label>
                                <div class="fileupload fileupload-new" data-provides="fileupload">
                                    <input type="hidden" value="" name="">
                                     <span class="btn btn-file btn-sm btn-alt">
                                         <span class="fileupload-new">上传升级文件</span>
                                         <span class="fileupload-exists">选择其它文件</span>
                                         <input type="file" name="" >
                                     </span>
                                    <span class="fileupload-preview"></span>
                                    <a href="#" class="close close-pic fileupload-exists" data-dismiss="fileupload">
                                        <i class="fa fa-times"></i>
                                    </a>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="pzdaochu" class="control-label">配置导出：</label>
                                <button class="btn btn-sm m-t-10" style="position: relative; top: -6px;" id="pzdaochu">配置导出</button>
                            </div>
                            <hr class="whiter m-t-10">
                        </div>
                        <div class="col-md-12 m-b-15">
                            <h3 class="block-title">
                                管理口设置
                            </h3>
                            <div class="form-group">
                                <label for="ipAdress">IP地址：</label>
                                <input type="text" class="form-control input-sm" id="ipAdress" placeholder="IP地址">
                            </div>
                            <div class="form-group">
                                <label for="maskByte">掩码位数：</label>
                                <input type="text" class="form-control input-sm" id="maskByte" placeholder="掩码位数">
                            </div>
                            <div class="form-group">
                                <label for="defaultGateway">默认网关：</label>
                                <input type="text" class="form-control input-sm" id="defaultGateway" placeholder="默认网关">
                            </div>
                            <button class="btn btn-sm m-t-10"  id="updateManageNetworkInfoUbuntu">确定</button>
                            <span class="updateManageNetworkInfoUbuntuSpan"></span>
                            <hr class="whiter m-t-20">
                        </div>
                        <div class="col-md-12 m-b-15">
                            <h3 class="block-title">
                                设备操作
                            </h3>
                            <div class="form-group">
                                <span>操作：</span>
                                <label class="checkbox-inline">
                                    <input type="radio" name="optionsRadios2" value="option1" checked="checked">重启服务器
                                </label>
                                <label class="checkbox-inline">
                                    <input type="radio" name="optionsRadios2" value="option2">关闭服务器
                                </label>
                            </div>
                            <button class="btn btn-sm m-t-10">确定</button>
                            <hr class="whiter m-t-20">
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12 m-b-15">
                            <h3 class="block-title">
                                数据存储设置
                            </h3>
                            <div class="form-group">
                                <span>文件夹大小:</span>
                                <label class="checkbox-inline">
                                    <input type="radio" name="optionsRadios" value="10MB"> 10MB
                                </label>
                                <label class="checkbox-inline">
                                    <input type="radio" name="optionsRadios" value="100MB">100MB
                                </label>
                                <label class="checkbox-inline">
                                    <input type="radio" name="optionsRadios" value="500MB" id="fileSize" checked="checked">500MB
                                </label>
                                <label class="checkbox-inline">
                                    <input type="radio" name="optionsRadios" value="1G">1G
                                </label>
                            </div>
                            <div class="form-group">
                                <label for="dataSave-input">原始数据存储目录：</label>
                                <span class="clearTargetDirSpan"></span>
                                <div class="input-group">
                                    <input type="text" class="uneditableNew-input form-control" id="dataSave-input" disabled>
                                    <div class="input-group-btn">
                                        <span class="btn btn-file btn-alt btn-sm clearTargetDir fileupload-new">清空</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="histroyfile">历史提取文件目录：</label>
                                <span class="clearTargetDirSpan"></span>
                                <div class="input-group">
                                    <input type="text" class="uneditableNew-input form-control" id="histroyfile" disabled>
                                    <div class="input-group-btn">
                                        <span class="btn btn-file btn-alt btn-sm fileupload-new clearTargetDir">清空</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="AnalysisData-input">分析数据目录：</label>
                                <span class="clearTargetDirSpan"></span>
                                <div class="input-group">
                                    <input type="text" class="uneditableNew-input form-control" id="AnalysisData-input" disabled>
                                    <div class="input-group-btn">
                                        <span class="btn btn-file btn-alt btn-sm fileupload-new clearTargetDir">清空</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="DiskUse-input">磁盘利用率：</label>
                                <div class="input-group">
                                    <input type="text" class="uneditableNew-input form-control" id="DiskUse-input">
                                  <!--  <div class="input-group-btn">
                                        <span class="btn btn-file btn-alt btn-sm fileupload-new clearTargetDir">清空</span>
                                    </div>-->
                                </div>
                            </div>
                            <button class="btn btn-sm m-t-10" id="operationDataStorageSet">确定</button>
                            <span class="operationDataStorageSet-span"></span>
                            <hr class="whiter m-t-20">
                        </div>
                        <div class="col-md-12 m-b-15">
                            <h3 class="block-title">
                                数据包去重
                            </h3>
                            <div class="form-group">
                                <span>操作：</span>
                                <label class="checkbox-inline">
                                    <input type="radio" name="optionsRadios1" value="option1" checked="checked">开启去重
                                </label>
                                <label class="checkbox-inline">
                                    <input type="radio" name="optionsRadios1" value="option2">关闭去重
                                </label>
                            </div>
                            <button class="btn btn-sm m-t-10">确定</button>
                            <hr class="whiter m-t-20">
                        </div>

                        <div class="col-md-12 m-b-15">
                            <h3 class="block-title">
                                总带宽设置
                            </h3>
                            <div class="form-group">
                                <label for="bandWidth">配置导入：</label>
                                <div class="input-group">
                                    <input type="text" class="uneditableNew-input form-control" id="bandWidth" placeholder="总带宽设置">
                                    <div class="input-group-btn">
                                        <span class="btn btn-file btn-alt btn-sm fileupload-new">清空</span>
                                    </div>
                                </div>
                            </div>
                            <button class="btn btn-sm m-t-10 totalBand">确定</button>
                            <span class="totalBandspan"></span>
                            <hr class="whiter m-t-20">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="block-area" id="tableStriped">
            <h3 class="block-title">网卡管理与设置</h3>
            <div class="table-responsive overflow" tabindex="5005" style="overflow: hidden; outline: none;">
                <table class="tile table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th>名称</th>
                        <th>IP</th>
                        <th>端口</th>
                        <th>间隔时间(分钟)</th>
                        <th>间隔时间(上一次执行时间)</th>
                        <th>状态</th>
                        <th>备注</th>
                        <th>告警邮件地址</th>
                        <th>告警短信号码</th>
                        <th>告警时间间隔(分钟)</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>java</td>
                        <td>192.168.1.1 </td>
                        <td>8080</td>
                        <td>2</td>
                        <td>5</td>
                        <td>开启</td>
                        <td>备注</td>
                        <td>666666@qq.com</td>
                        <td>020-888888</td>
                        <td>3</td>
                        <td>
                            <img src="images/edit.png" alt="">
                            <img src="images/false.png" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>192.168.1.1 </td>
                        <td>8080</td>
                        <td>2</td>
                        <td>5</td>
                        <td>开启</td>
                        <td>备注</td>
                        <td>666666@qq.com</td>
                        <td>020-888888</td>
                        <td>3</td>
                        <td>
                            <img src="images/edit.png" alt="">
                            <img src="images/false.png" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>192.168.1.1 </td>
                        <td>8080</td>
                        <td>2</td>
                        <td>5</td>
                        <td>开启</td>
                        <td>备注</td>
                        <td>666666@qq.com</td>
                        <td>020-888888</td>
                        <td>3</td>
                        <td>
                            <img src="images/edit.png" alt="">
                            <img src="images/false.png" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>192.168.1.1 </td>
                        <td>8080</td>
                        <td>2</td>
                        <td>5</td>
                        <td>开启</td>
                        <td>备注</td>
                        <td>666666@qq.com</td>
                        <td>020-888888</td>
                        <td>3</td>
                        <td>
                            <img src="images/edit.png" alt="">
                            <img src="images/false.png" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>192.168.1.1 </td>
                        <td>8080</td>
                        <td>2</td>
                        <td>5</td>
                        <td>开启</td>
                        <td>备注</td>
                        <td>666666@qq.com</td>
                        <td>020-888888</td>
                        <td>3</td>
                        <td>
                            <img src="images/edit.png" alt="">
                            <img src="images/false.png" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>192.168.1.1 </td>
                        <td>8080</td>
                        <td>2</td>
                        <td>5</td>
                        <td>开启</td>
                        <td>备注</td>
                        <td>666666@qq.com</td>
                        <td>020-888888</td>
                        <td>3</td>
                        <td>
                            <img src="images/edit.png" alt="">
                            <img src="images/false.png" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>192.168.1.1 </td>
                        <td>8080</td>
                        <td>2</td>
                        <td>5</td>
                        <td>开启</td>
                        <td>备注</td>
                        <td>666666@qq.com</td>
                        <td>020-888888</td>
                        <td>3</td>
                        <td>
                            <img src="images/edit.png" alt="">
                            <img src="images/false.png" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>192.168.1.1 </td>
                        <td>8080</td>
                        <td>2</td>
                        <td>5</td>
                        <td>开启</td>
                        <td>备注</td>
                        <td>666666@qq.com</td>
                        <td>020-888888</td>
                        <td>3</td>
                        <td>
                            <img src="images/edit.png" alt="">
                            <img src="images/false.png" alt="">
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="block-area" id="tableHover">
            <h3 class="block-title">服务器网段设置</h3>
            <div class="table-responsive overflow" tabindex="5003" style="overflow: hidden; outline: none;">
                <table class="table table-bordered table-hover tile">
                    <thead>
                    <tr>
                        <th>名称</th>
                        <th>IP</th>
                        <th>端口</th>
                        <th>间隔时间(分钟)</th>
                        <th>间隔时间(上一次执行时间)</th>
                        <th>状态</th>
                        <th>备注</th>
                        <th>告警邮件地址</th>
                        <th>告警短信号码</th>
                        <th>告警时间间隔(分钟)</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>java</td>
                        <td>192.168.1.1 </td>
                        <td>8080</td>
                        <td>2</td>
                        <td>5</td>
                        <td>开启</td>
                        <td>备注</td>
                        <td>666666@qq.com</td>
                        <td>020-888888</td>
                        <td>3</td>
                        <td>
                            <img src="images/edit.png" alt="">
                            <img src="images/false.png" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>192.168.1.1 </td>
                        <td>8080</td>
                        <td>2</td>
                        <td>5</td>
                        <td>开启</td>
                        <td>备注</td>
                        <td>666666@qq.com</td>
                        <td>020-888888</td>
                        <td>3</td>
                        <td>
                            <img src="images/edit.png" alt="">
                            <img src="images/false.png" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>192.168.1.1 </td>
                        <td>8080</td>
                        <td>2</td>
                        <td>5</td>
                        <td>开启</td>
                        <td>备注</td>
                        <td>666666@qq.com</td>
                        <td>020-888888</td>
                        <td>3</td>
                        <td>
                            <img src="images/edit.png" alt="">
                            <img src="images/false.png" alt="">
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </section>
    <!-- Older IE Message -->
    <!--[if lt IE 9]>
    <div class="ie-block">
        <h1 class="Ops">抱歉！</h1>
        <p>您正在使用一个过时的Internet Explorer版本，升级到以下任何Web浏览器，以便访问该网站的最大功能。 </p>
        <ul class="browsers">
            <li>
                <a href="http://www.google.cn/intl/zh-CN/chrome/browser/desktop/index.html">
                    <img src="img/browsers/chrome.png" alt="">
                    <div>Google Chrome</div>
                </a>
            </li>
            <li>
                <a href="http://www.firefox.com.cn/">
                    <img src="img/browsers/firefox.png" alt="">
                    <div>Mozilla Firefox</div>
                </a>
            </li>
            <li>
                <a href="http://www.oupeng.com/download">
                    <img src="img/browsers/opera.png" alt="">
                    <div>Opera</div>
                </a>
            </li>
            <li>
                <a href="https://www.apple.com/cn/safari/">
                    <img src="img/browsers/safari.png" alt="">
                    <div>Safari</div>
                </a>
            </li>
            <li>
                <a href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads">
                    <img src="img/browsers/ie.png" alt="">
                    <div>Internet Explorer(New)</div>
                </a>
            </li>
        </ul>
        <p>升级你的浏览器更安全和更快的网络体验。 <br/>感谢你的支持...</p>
    </div>
    <![endif]-->
</section>
</body>
</html>
<!-- Javascript Libraries -->
<!-- jQuery -->
<script src="js/jquery.min.js"></script> <!-- jQuery Library -->
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!--  Form Related -->
<script src="js/icheck.js"></script> <!-- Custom Checkbox + Radio -->
<script src="js/fileupload.min.js"></script>
<!-- All JS functions -->
<script src="js/functions.js"></script>
<script src="js/changebgsave.js"></script>
<script>
    $(function(){
        // 管理口设置
        $.ajax({
            url: "/sysNetworkSet/netConfig.do",
            type:"post",
            data:"",
            dataType:"json",
            success: function (data) {
                $("#ipAdress").val(data.ipAddress);
                $("#defaultGateway").val(data.defaultDateway);
                $("#maskByte").val(data.maskBits);
            }
        });
        //管理口设置提交按钮
        $("#updateManageNetworkInfoUbuntu").click(function(){
            $("#updateManageNetworkInfoUbuntu").attr({"disabled":"disabled"});
            $.ajax({
                url:"/sysNetworkSet/updateManageNetworkInfoUbuntu.do",
                type:"post",
                data:{
                    "ipAddress":$("#ipAdress").val(),
                    "defaultDateway":$("#maskByte").val(),
                    "maskBits":$("#defaultGateway").val()
                },
                dataType:"json",
                success:function(data){
                    if(data.success-0){
                        $(".updateManageNetworkInfoUbuntuSpan").text("提交成功").removeClass("red").show();
                        setTimeout(function(){
                            $(".updateManageNetworkInfoUbuntuSpan").hide();
                        },1500);
                    }else{
                        $(".updateManageNetworkInfoUbuntuSpan").text("提交失败，请稍后再试").addClass("red").show();
                        setTimeout(function(){
                            $(".updateManageNetworkInfoUbuntuSpan").hide();
                        },1500);
                    }
                    if(data){
                        setTimeout(function(){
                            $("#updateManageNetworkInfoUbuntu").removeAttr("disabled");
                        },3000)
                    }
                }
            })
        });
        //数据存储设置
        $.ajax({
            url:"/systemSet/readDataStorageSet.do",
            type:"post",
            data:"",
            dataType:"json",
            success: function(data){
                $("#dataSave-input").val(data.dataSaveDir);
                $("#histroyfile").val(data.hisDataDir);
                $("#AnalysisData-input").val(data.anaDataDir);
                $("#DiskUse-input").val(data.diskUsage);
                switch (data.fileSize){
                    case "10MB":
                        $("input[name='optionsRadios']:eq(0)").attr("checked",true);
                        break;
                    case "100MB":
                        $("input[name='optionsRadios']:eq(1)").attr("checked",true);
                        break;
                    case "500MB":
                        $("input[name='optionsRadios']:eq(2)").attr("checked",true);
                        break;
                    case "1G":
                        $("input[name='optionsRadios']:eq(3)").attr("checked",true);
                        break;
                    default:
                        $("input[name='optionsRadios']:eq(2)").attr("checked",true);
                        break;
                }
            }
        });
        //数据存储设置的提交
        $("#operationDataStorageSet").click(function(){
            $("#operationDataStorageSet").attr({"disabled":"disabled"});
            var reg =/^[0-9]*$/;
            if(reg.test($("#DiskUse-input").val())&&$("#DiskUse-input").val()!=""){
                $.ajax({
                    url:"/systemSet/operationDataStorageSet.do",
                    type:"post",
                    data:{
                        "fileSize":$("input[name='optionsRadios']:checked").val(),
                        "diskUsage":$("#DiskUse-input").val()
                    },
                    dataType:"text",
                    success:function(data){
                        if(data == "success"){
                            $(".operationDataStorageSet-span").text("提交成功").removeClass("red").show();
                            setTimeout(function(){
                                $(".operationDataStorageSet-span").hide();
                            },1500);
                        }else {
                            $(".operationDataStorageSet-span").text("提交失败，请稍后再试").addClass("red").show();
                            setTimeout(function(){
                                $(".operationDataStorageSet-span").hide();
                            },1500);
                        }
                        if(data){
                            setTimeout(function(){
                                $("#operationDataStorageSet").removeAttr("disabled");
                            },3000)
                        }
                    }
                })
            }else {
                $(".operationDataStorageSet-span").text("输入格式不正确，请重新输入").addClass("red").show();
                setTimeout(function(){
                    $(".operationDataStorageSet-span").hide();
                },1500);
            }

        });
        //数据存储的清空按钮
        $(".clearTargetDir").click(function(){
            var index =  $(".clearTargetDir").index($(this));
            $.ajax({
                url:"/systemSet/clearTargetDir.do",
                type:"post",
                data:{
                    "targetDir":$(this).siblings("input").val()
                },
                dataType:"text",
                success:function(data){
                    if(data == "success"){
                        $(".clearTargetDirSpan").eq(index).text("清空成功").removeClass("red").show();
                        setTimeout(function(){
                            $(".clearTargetDirSpan").eq(index).hide()
                        },1500);
                    }else {
                        $(".clearTargetDirSpan").eq(index).text("清空失败，请待会再试").addClass("red").show();
                        setTimeout(function(){
                            $(".clearTargetDirSpan").eq(index).hide()
                        },1500);
                    }
                }
            })
        });
        //总带宽设置
        $.ajax({
            url:"/sysNetworkSet/totalBand.do",
            type:"post",
            data:"",
            dataType:"json",
            success: function(data){
                $("#bandWidth").val(data.bandWidth);
            }
        });
        //总宽带提交按钮
        $(".totalBand").click(function(){
            $(".totalBand").attr({"disabled":"disabled"});
            var reg =/^[0-9]*$/;
            if(reg.test($("#bandWidth").val())){
                $.ajax({
                    url:"/sysNetworkSet/updateTotalBandSet.do",
                    type:"post",
                    data:{
                        "totalBand":$("#bandWidth").val()
                    },
                    dataType:"json",
                    success:function(data){
                        if(data.success-0){
                            $(".totalBandspan").text("导入成功").removeClass("red").show();
                            setTimeout(function(){
                                $(".totalBandspan").hide();
                            },1500)
                        }else {
                            $(".totalBandspan").text("导入失败，请稍后再试").addClass("red").show();
                            setTimeout(function(){
                                $(".totalBandspan").hide();
                            },1500)
                        }
                        if(data){
                            setTimeout(function(){
                                $(".totalBand").removeAttr("disabled");
                            },3000);
                        }
                    }
                })
            }else {
                $(".totalBandspan").text("输入格式不正确，请重新输入").addClass("red").show();
                setTimeout(function(){
                    $(".totalBandspan").hide();
                },1500)
            }

        });
    });
</script>
